<template>
	<el-dialog title="温馨提示" :visible.sync="delVisible" width="360px">
		<div class="rename-content">
			<span class="rename-content-title">删除视图后不可恢复，确定删除？</span>
		</div>
		<span slot="footer" class="dialog-footer">
			<el-button @click="delVisible = false">取 消</el-button>
			<el-button type="primary" @click="delVisible = false">确 定</el-button>
		</span>
	</el-dialog>
</template>

<script>
	export default{
		data(){
			return{
				delVisible: false,
			}
		},
		methods:{
			loadDel() {
				this.delVisible = true
			},
		}
	}
</script>

<style scoped>
	.rename-content {
		display: flex;
		flex-direction: column;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.rename-content-title {
		font-size: 14px;
	}
	
	/deep/.el-dialog .el-dialog__footer {
		border-color: white;
	}
	
	/deep/.el-dialog__title {
		font-weight: bold;
		font-size: 16px;
	}
</style>
